ion-card{
  width:100%;
  border-radius: 10px 10px 0 0;
  background-color: rgba(255, 255, 255, 1);
  margin: 200px 0 0 0;
  height:1200px;
  overflow-y: scroll;
}
p{
  width:100%;
  height:43px;
  line-height:43px;
  color: rgba(42, 42, 42, 100);
  font-size: 14px;
  text-align: center;
}
ion-row{
  margin-left:16px;
}
ion-col{
  padding:0;
}
.areaAddress{
  line-height: 40px;
}
.circle{
  width:8px;
  height:8px;
  background: #519CE8;
  border-radius: 8px;
}
.circle2{
  width:7px;
  height:7px;
  border: 1px solid #519CE8;
  border-radius: 8px;
}
.line{
  height:37px;
  width:1px;
  background: #519CE8;
}
.closeSelect{
  width:14px;
  height:14px;
  position: absolute;
  top:17px;
  right:17px;
}
.selectArea{
  height:40px;
  line-height:40px;
  font-size:12px;
  margin-left:16px;
  color:#CDCDCD;
}
.cityList{
  width: 60px;
  height: 30px;
  border-radius: 15px;
  background-color: rgba(248, 248, 247, 1);
  line-height:30px;
  text-align:center;
  font-size:13px;
  margin-right:8px;
  .col-inactive {
    border-radius: 15px;
    color: #7A7E83;
    background: #f5f5f5;
  }

  .col-active {
    border-radius: 15px;
    background-color: rgba(123, 209, 255, 0.18);
    color: rgba(81, 156, 232, 100);
  }
}
.hot{
  margin-bottom: 10px;
}
.position{
  width:100%;
  color: rgba(81, 156, 232, 100);
  font-size: 13px;
  line-height: 26px;
  height: 26px;
  display: inline-block;
  overflow: hidden;
}
.locationImg{
  height:26px;
  display: inline-block;
  margin-left:20px;
  margin-right:4px;
}
.location{
  width:20px;
  height:20px;
  display: inline-block;
}
.option{
  display: inline-block;
}